<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./css/index.bundle.css">
</head>

<body>

    <!-- 响应式导航 -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a href="#" class="navbar-brand">
                    <img src="" alt="" />
                </a>
                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            </div>
            <div class="collapse navbar-collapse" id="navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="./index.html"><span class="glyphicon glyphicon-calendar"></span> 周报展示</a></li>
                    <li><a href="./updata.html"><span class="glyphicon glyphicon-paperclip"></span> 周报上传</a></li>
                    <li><a href="#"><span class="glyphicon glyphicon-th-list"></span> 周报归档</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- jumbotron-->
    <div class="jumbotron">
        <div class="container">
            <hgourp>
                <h1>周报提交</h1>
                <h3>这是一个非常简陋的周报提交系统</h3>
            </hgourp>

        </div>
    </div>


    <div id="report-updata">
        <div class="container">
            <div class="report-hd">
                <h3>提交周报</h3>
            </div>
            <form>
                <div class="form-group">
                    <div class="row">
                        <div class="col-md-3">
                            <lable for="email" class="pull-right">E-mail:</lable>
                        </div>

                        <div class="col-md-9">
                            <input type="text" id="email" name="email">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="col-md-3">
                            <lable for="name" class="pull-right">姓 名:</lable>
                        </div>

                        <div class="col-md-9">

                            <input type="text" id="name" name="name">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="col-md-3">
                            <lable for="subject" class="pull-right">题 目:</lable>
                        </div>

                        <div class="col-md-9">
                            <input type="text" id="subject" name="subject">
                        </div>
                    </div>
                </div>

                <br>
                <div class="row">
                    <div class="col-md-3">
                        <lable for="summary" class="pull-right">本周工作总结:</lable>
                    </div>

                    <div id="summary" class="col-md-9">
                        <div class="input-group">
                            <span class="input-group-addon">1.</span>
                            <input type="text" class="form-control" name="summary">
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon">2.</span>
                            <input type="text" class="form-control" name="summary">
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon">3.</span>
                            <input type="text" class="form-control" name="summary">
                        </div>
                        <button type="button" class="btn btn-default addinput">+</button>
                        <button type="button" class="btn btn-default removeinput">-</button>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-3">
                        <lable for="problem" class="pull-right">本周存在问题:</lable>
                    </div>
                    <div id="problem" class="col-md-9">
                        <div class="input-group">
                            <span class="input-group-addon">1.</span>
                            <input type="text" class="form-control" name="problem">
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon">2.</span>
                            <input type="text" class="form-control" name="problem">
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon">3.</span>
                            <input type="text" class="form-control" name="problem">
                        </div>
                        <button type="button" class="btn btn-default addinput">+</button>
                        <button type="button" class="btn btn-default removeinput">-</button>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-3">
                        <lable for="goal" class="pull-right">下周工作计划:</lable>
                    </div>

                    <div id="goal" class="col-md-9">
                        <div class="input-group">
                            <span class="input-group-addon">1.</span>
                            <input type="text" class="form-control" name="goal">
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon">2.</span>
                            <input type="text" class="form-control" name="goal">
                        </div>
                        <div class="input-group">
                            <span class="input-group-addon">3.</span>
                            <input type="text" class="form-control" name="goal">
                        </div>
                        <button type="button" class="btn btn-default addinput">+</button>
                        <button type="button" class="btn btn-default removeinput">-</button>
                    </div>
                </div>
                <br>
                <!--
            <lable for="product">下周预计产出:</lable>
            <div id="product">
                <div class="input-group">
                    <span class="input-group-addon">1.</span>
                    <input type="text" class="form-control" name="product">
                </div>
                <div class="input-group">
                    <span class="input-group-addon">2.</span>
                    <input type="text" class="form-control" name="product">
                </div>
                <div class="input-group">
                    <span class="input-group-addon">3.</span>
                    <input type="text" class="form-control" name="product">
                </div>
                <button type="button" class="btn btn-default addinput">+</button>
                <button type="button" class="btn btn-default removeinput">-</button>
            </div>
                -->
                <div class="row">
                    <div class="col-md-3"></div>
                    <div class="col-md-9">
                        <button type="button" id="submit" class="btn btn-default btn-lg">提交</button>
                    </div>
                </div>

            </form>
        </div>
    </div>

    <footer id="footer">
        <div class="container">
            <p>周报展示 | 周报上传 | 周报归档</p>
            <p> © 2016- &nbsp; Powered by Bootstrap.</p>
        </div>
    </footer>

    <script type="text/javascript" src="./updata.bundle.js"></script>
</body>
</html>
